<script setup lang="ts">
import bg from 'src/assets/news/ABUIABAEGAAgh977owYoyZrRygQwvws4_wE.png'
import { announcement } from '~/api'

const { basicInfo } = storeToRefs(useTeamInfoStore())
const NoticeHtml = ref('')

onMounted(async () => {
  const res = basicInfo.value?.scheduleId ? await announcement(basicInfo.value.scheduleId) : { data: { scheduleNotice: '' } }
  NoticeHtml.value = res.data.scheduleNotice
})
</script>

<template>
  <div :style="{ backgroundImage: `url(${bg})` }" rounded-4 text="14px #fff" bg="no-repeat cover" p-4 lg="h-auto w-full">
    <div text="5" font-700 m="b-4">
      大赛公告
    </div>
    <div v-html="NoticeHtml" />
    <!-- 湖北省微生物培养皿艺术设计大赛由华中农业大学、湖北省科学技术协会主办，通过微生物培养技术在培养皿上进行艺术创作，使在培养基上生长的、表达不同颜色的微生物组成各种各样积极向上的正能量图案，形成创意细菌画作品，展示微生物多姿多彩的“微”美世界，促进科学、人文与艺术融合，动员和激励广大青年学生参与科普创作，进一步推动微生物学知识科普。 -->
  </div>
</template>

<style scoped>

</style>
